React 文档
导读与全书目录表:见同目录 01-React 入门:简介·特性与设计范式.md 开头。
React:服务端渲染(SSR)
定义
由 Node 服务端 首次请求时执行 React 渲染,输出 HTML 字符串再下发浏览器;客户端再 hydrate(注水) 绑定事件,后续可走 SPA 导航。
常见方案
| 方案 | 说明 |
|---|---|
| Next.js | 业内主流,getServerSideProps / App Router 等数据获取模式 |
| 自定义 Node | renderToString / renderToPipeableStream + 路由与数据预取 |
与 CSR 对比
| 维度 | SSR | CSR |
|---|---|---|
| 首屏 | HTML 直出,利于 SEO 与 FCP | 依赖 JS 执行后才有内容 |
| 服务器成本 | 需要 Node 运行时 | 静态托管即可 |
| 交互复杂度 | 数据注水、前后状态一致性需注意 | 相对单纯 |
常见辨析要点
- 同构:一套组件服务端与客户端共用;注意
window/document仅在浏览器存在。 - 流式 SSR:
renderToPipeableStream渐进输出 HTML,改善 TTFB。
